<template>
  <div id="app">
   <router-view v-if="isRouterAlive"></router-view>
      <!--<m-header v-if="$store.state.showNav"></m-header>-->
      <!--<tab v-if="$store.state.showNav"></tab>-->
      <!--<keep-alive>-->
      <!--    name:-->
      <!--</keep-alive>-->
  </div>
</template>

<script>
import 'element-ui/lib/theme-chalk/index.css'
import '@asst/css/index.css'
import '@/fonts/iconfont.css'
import '@/assets/css/ali-iconfont.css'
export default {
  name: 'App',
  provide () {
    return {
      reload: this.reload
    }
  },
  data () {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    reload () {
      this.isRouterAlive = false
      this.$nextTick(function () {
        this.isRouterAlive = true
      })
    }
  },
  created () {
    document.onkeydown = function () {
      if (window.Event.keyCode === 8) {
        window.Event.keyCode = 0
        window.Event.returnValue = false
      }
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus">
body, html {
    --borderColor: #236687;
    --color: #14e8f1;
}
#app
  position absolute
  left 0px
  top 0px
  width 100%
  height 100%
 .screen-container .border, .screen-preview .border{
     border:none!important
 }
</style>
